<template>
  <div>
    <h2>侦听器</h2>
    <input type="text" v-model.lazy="uname">
    <span>{{ msg }}</span>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data () {
    return {
      uname: 'zs',
      msg: ''
    }
  },
  watch: {
   
    uname: {
      async handler (newVal) {
        const {data: res} = await axios.get('http://www.itcbc.com:3006/api/finduser/' + newVal)
        this.msg = res.message
      }
    }
    
  }
}
</script>

<style>

</style>